<template>
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="注册留存" name="0" :lazy="true"><register/></el-tab-pane>
        <el-tab-pane label="付费留存" name="1" :lazy="true"><pay/></el-tab-pane>
        <el-tab-pane label="留存率统计" name="2" :lazy="true"><pay-register/></el-tab-pane>
        <el-tab-pane label="走势图" name="3" :lazy="true"><pay-register-charts/></el-tab-pane>
    </el-tabs>
</template>

<script>
import Register from './register'
import Pay from './pay'
import PayRegister from "./pay-register";
import PayRegisterCharts from "./pay-register-charts";

export default {
    data() {
        return {
            activeName: '0'
        };
    },
    components: {
        Register,
        Pay,
        PayRegister,
        PayRegisterCharts
    },
    methods: {
        handleClick(tab, event) {

        },
    }
};
</script>

<style scoped>

</style>
